// 默认-不细也不粗-字体
.app-ttf-default{
	font-family: appttfDefault!important;
}
.colorf1{
	color: #F1F1F1;
}

.danmu-list{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	.danmu-cell-row{
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		width: 750rpx;
		position: relative;
		//overflow: hidden;
		height: 40px;//高度后面是动态计算的
		.duanmu-item-pao{
			/* #ifndef APP-PLUS-NVUE */
			display: flex;
			/* #endif */
			
			height: 40px;//高度后面是动态计算的
			transform: 'translateX(100%)';
			position: absolute;
			top: 0;
			left: 0;
			
			justify-content: center;//无头像时，文字居中
			align-items: center;
			.linear-gradient{
				position: absolute;
				//background-image: linear-gradient(to bottom right,#663300,#FF9933);
				//opacity: 0;
			}
			.danmu-item-text{
				/* #ifndef APP-PLUS-NVUE */
				display: flex;
				/* #endif */
				//background-color: #F0AD4E;
				position: absolute;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
				.app-text{
					//position: absolute;
					//width: 30px;
					font-size: 14px;//字体1px 宽度相当于2px 字体15px 宽度相当于30px 
					//@1. 弹幕字数 通过字体大小 来动态 修改宽度，然后屏幕宽度来计算 translateX 向右边偏移的百分比，
					//@2. 就是屏幕宽度/弹幕字数长度+item_pao内边距宽度 = 比如等于3.15 那么百分比就是 百分之315
					//@3. 然后弹幕是动态插入进去的，通过发送时间来插入
					color: #fff;
					//background-image:linear-gradient(to bottom right,#AD18F9,#05DFC7);
				}
				.Image{
					//position: absolute;
					border-radius: 30px;
					height: 30px;
					width: 30px;
				}
			}
			
		}
	}	
}

// 这里就不改成 &__ 去连接了
// 防止上方嵌套样式打包时丢失，不生效
.danmu-list{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}
.danmu-list .danmu-cell-row{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	width: 750rpx;
	position: relative;
	//overflow: hidden;
	height: 40px;//高度后面是动态计算的
}
// 弹幕item跑起来
.danmu-list .danmu-cell-row .duanmu-item-pao{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	justify-content: center;//无头像时，文字居中
	align-items: center;
	
	height: 40px;//高度后面是动态计算的
	transform: 'translateX(100%)';
	position: absolute;
	top: 0;
	left: 0;
}
// 弹幕item 背景渐变
.danmu-list .danmu-cell-row .duanmu-item-pao .linear-gradient{
	position: absolute;
	//background-image: linear-gradient(to bottom right,#663300,#FF9933);
	//opacity: 0;
}
// 弹幕item 内容盒子
.danmu-list .danmu-cell-row .duanmu-item-pao .danmu-item-text{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	//background-color: #F0AD4E;
}
// 弹幕item 内容盒子 > 弹幕内容
.danmu-list .danmu-cell-row .duanmu-item-pao .danmu-item-text .app-text{
	//position: absolute;
	//width: 30px;
	font-size: 14px;//字体1px 宽度相当于2px 字体15px 宽度相当于30px 
	//@1. 弹幕字数 通过字体大小 来动态 修改宽度，然后屏幕宽度来计算 translateX 向右边偏移的百分比，
	//@2. 就是屏幕宽度/弹幕字数长度+item_pao内边距宽度 = 比如等于3.15 那么百分比就是 百分之315
	//@3. 然后弹幕是动态插入进去的，通过发送时间来插入
	color: #fff;
	//background-image:linear-gradient(to bottom right,#AD18F9,#05DFC7);
}
// 弹幕item 内容盒子 > 弹幕用户头像
.danmu-list .danmu-cell-row .duanmu-item-pao .danmu-item-text .Image{
	//position: absolute;
	border-radius: 30px;
	height: 30px;
	width: 30px;
}